* {
    //font-size: 16px;
}
.show{
    display: block;
}
.hide{
    display: none;
}
.study-plan{
    display: flex; flex-direction:column; align-items: center; width:100%;
}

.content-input-container{
    width:1000px; border:1px solid #ccc; display: flex; flex-wrap: wrap;
}
.content-input{
    width:30%; margin-top:10px;
    display: flex; justify-content: space-between; padding:8px; align-items:center;
}
.content-input input{
    border-radius: 6px; border: 1px solid #ccc; padding:6px 8px; margin-right: 15px;
}

.study-plan-btn{
    display: flex; justify-content:flex-end; width:1000px; margin:20px 0px;
}

.study-plan-table{

}
.study-plan-table-row{
    display: flex; width:1000px;
}
.active{
    background-color: blue; color: white;
}
.study-plan-table-row-item{
    flex:1; display: flex; justify-content: center; align-items: center; box-sizing:border-box;
}
.study-plan-table-row-item input{
    padding:6px 0px;
}
.text{
    border: 1px solid #ccc; height: 80px;
}

.study-plan-json{
    width:1000px; border: 1px solid #ccc; margin-top:20px; height: 200px;
}